<template>
	<div class="gShicai">
		<ul class="gShicai-box">
			<li v-for="Gsc in itemsGsc">
				<span>{{ Gsc.Sc }}</span>
				<span>{{ Gsc.liang }}</span>
			</li>
		</ul>
		<div class="gShicai-img">
			<img src="http://img.szzhangchu.com/1447334138022_2974659229.JPG"/>
			<img src="http://img.szzhangchu.com/1439279020793_1063836165.jpg"/>
			<img src="http://img.szzhangchu.com/1446302300109_3829074140.jpg"/>
			<img src="http://img.szzhangchu.com/1439279768833_9900185974.jpg"/>
		</div>
	</div>
</template>

<script>
	export default {
			data(){
				return{
					itemsGsc:[]
				}
			},			
			mounted (){
				fetch("./static/gShicai.json").then(function(res){
					return res.json();
				})
				.then((res)=>{					
					this.itemsGsc=res;
				})
			}
		}
</script>

<style>
	.gShicai{
		color: #5d5d5d;
		width: 100%;
		border-top: .05rem solid #ddd;
	}
	.gShicai-box{
		width: 90%;
		margin: 0 auto;
	}
	.gShicai-box li{
		height: .5rem;
		line-height: .5rem;
		display: flex;
		justify-content: space-between;
	}
	.gShicai-img{
		width: 60%;
		margin: 0 auto;
		margin-top: .5rem;
	}
	.gShicai-img img{
		margin-top: .3rem;
		width:100%;
	}
</style>